
.title {
    padding: 20rpx 30rpx;
    border-bottom: 2rpx solid#F2F2F2;
    font-size: 28rpx;
    color: #252525;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .title-left {
        span{
            &:first-child {
                font-size: 32rpx;
                color: #989898;
                font-weight: 400;
                margin-right: 20rpx;
            }
        }
    }
    .title-right {
        >img {
            width: 40rpx;
            height: 40rpx;
        }
    }
}
.content {
    padding: 0 30rpx;
    .content-title {
        padding: 22rpx 24rpx 34rpx 24rpx;
    }
    .content-main {
        padding: 20rpx 0;
        .content-item {
            padding: 26rpx 24rpx;
            display: flex;
            // align-items: center;
            font-size: 28rpx;
            color: #666666;
            border-radius: 8rpx;
            >image {
                width: 40rpx;
                height: 40rpx;
                margin-right: 30rpx;
            }
            .item-left {
                width: 48rpx;
                height: 48rpx;
                background: #FFFFFF;
                box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.24);
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .item-right {
                flex: 1;
                margin-left: 20rpx;
            }
            .active1 {
                background-color: #00C952;
                color: #fff;
            }
            .active2 {
                color: #00C952;
            }
        }
        .active {
            background-color: #F3FBF6;
        }
    }
    .content-main1 {
        padding: 32rpx 24rpx;
        .write-title {
            margin-bottom: 20rpx;
            font-size: 28rpx;
            color: #ADADAD;
        }
        .write-item {    
            background: #F8F8F8;
            border-radius: 8rpx;
            margin-bottom: 24rpx;
            padding: 16rpx 16rpx 24rpx 16rpx;
            &:last-child {
                margin-bottom: 0;
            }
            >view {
                font-size: 24rpx;
                color: #666666;
                &:last-child {
                    margin-top: 16rpx;
                    font-size: 28rpx;
                    >input {
                        color: #333333;
                    }
                }
            }
        }
    }
    .content-main11 {
        background: #F8F8F8;
        border-radius: 8rpx;
        margin: 20rpx 24rpx;
        padding: 16rpx 16rpx 24rpx 16rpx;
        font-size: 28rpx;
        color: #666;
        .write-title {
            margin-bottom: 10rpx;
            font-size: 28rpx;
            color: #ADADAD;
        }
        .write-item1 {   
            margin-bottom: 20rpx; 
            display: flex;
            align-items: center;
            &:last-child {
                margin-bottom: 0;
            }
            >view {
                &:last-child {
                    margin-left: 30rpx;
                    flex: 1;
                    flex-wrap: wrap;
                }
            }
        }
    }
    .content-main2 {
        padding: 36rpx 24rpx;
        .simple-title {
            margin-bottom: 20rpx;
            font-size: 28rpx;
            color: #ADADAD;
        }
        .content-main2-simple { 
            background: #F8F8F8;
            border-radius: 8rpx;
            padding: 16rpx;
            color: #666666;
            font-size: 28rpx;
        }
        /deep/textarea{
            width: 100%!important;
            height: 224rpx!important;
            color: #666666;
        }
    }
}
.content-main11 {
    background: #F8F8F8;
    border-radius: 8rpx;
    margin: 20rpx 24rpx;
    padding: 16rpx 16rpx 24rpx 16rpx;
    font-size: 28rpx;
    color: #666;
    .write-title {
        margin-bottom: 10rpx;
        font-size: 28rpx;
        color: #ADADAD;
    }
    .write-item1 {   
        margin-bottom: 20rpx; 
        display: flex;
        align-items: center;
        &:last-child {
            margin-bottom: 0;
        }
        >view {
            &:last-child {
                margin-left: 30rpx;
                flex: 1;
                flex-wrap: wrap;
            }
        }
    }
}
.myAnswer {
    border-top: 20rpx solid #f8f8f8;
    .myAnswer-title {
        padding: 24rpx 30rpx;
        border-bottom: 2rpx solid #F2F2F2;
        font-size: 28rpx;
        font-weight: 600;
        color: #2F2F2F;
        display: flex;
        justify-content: space-between;
        align-items: center;
        >view:last-child {
            display: flex;
            align-items: center;
            font-weight: 400;
            >img {
                width: 32rpx;
                height: 32rpx;
            }
        }
    }
    .myAnswer-content {
        padding: 48rpx 54rpx;
        font-size: 28rpx;
        color: #666666;
        .myAnswer-item {
            margin-bottom: 52rpx;
            &:last-child {
                margin-bottom: 0;
            }
            >text {
                margin-left: 20rpx;
            }
        }
    }
}
.answer {
    border-top: 20rpx solid #f8f8f8;
    .answer-title {
        padding: 24rpx 30rpx;
        border-bottom: 2rpx solid #F2F2F2;
        font-size: 28rpx;
        font-weight: 600;
        color: #292929;
    }
    .answer-main {
        padding: 22rpx 54rpx;
        box-shadow: 0rpx 8rpx 12rpx 0rpx rgba(0, 0, 0, 0.06);
        .answer-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24rpx;
            font-size: 28rpx;
            >view {
                display: flex;
                align-items: center;
                >img {
                    width: 40rpx;
                    height: 40rpx;
                    margin: 0 8rpx;
                }
            }
        }
        .answer-bottom {
            display: flex;
            align-items: center;
            >view {
                flex: 1;
                font-size: 24rpx;
                color: #A6A8AA;
            }
        }
    }
    .answer-content {
        padding: 22rpx 54rpx;
        box-shadow: 0rpx 8rpx 12rpx 0rpx rgba(0, 0, 0, 0.06);
        .fill-title {
            font-size: 24rpx;
            color: #A6A6A6;
        }
        .fill-content {
            >view {
                padding: 26rpx 0 28rpx 0;
                font-size: 28rpx;
                color: #666666;
                >text {
                    margin-left: 20rpx;
                }
            }
        }
        .simple-content {
            padding: 28rpx 0;
            font-size: 28rpx;
            color: #666666;
        }
    }
}
.analysis {
    padding: 40rpx 54rpx;
    font-size: 28rpx;
    color: #666;
    .analysis-title {
        margin-bottom: 28rpx;
        >img {
            width: 80rpx;
            height: 44rpx;
        }
    }
}